import React, { memo } from "react";
import type { FC, ReactNode } from "react";
import { PasswordPageWrapper } from "./style";
import { LockOutlined, UserOutlined } from "@ant-design/icons";

interface IProps {
  children?: ReactNode;
}

const PasswordPage: FC<IProps> = () => {
  return <PasswordPageWrapper>
    <h3>暂时不支持 账号密码登录</h3>
    <div className="phone-ipt-box">
      <UserOutlined style={{ fontSize: "24px", color: "#7f7e7e" }} />
      <input type="text" className="inpt phone-code" placeholder="账号" />
    </div>
    <div className="phone-ipt-box">
      <LockOutlined style={{ fontSize: "24px", color: "#7f7e7e" }} />
      <input type="text" className="inpt pwd" placeholder="密码" />
    </div>
    <button className="login-btn">登录</button>
  </PasswordPageWrapper>;
};

export default memo(PasswordPage);